$(function () {
    //调用init函数
    init();

    function init() {
        queryTopCategory();
        eventList();
    }


    //3.绑定一坨事件
    function eventList() {
        $(".lt-left").on("tap","li",function () {
            /* 
            1 获取被点击的li标签所代表 一级分类id 
            2 调用请求二级分类的方法(id)
            3 点击激活 排他
            4 二级分类 没有数据 给用户一个提示
            */
            // js dom  dom.dataset.id
            // js dom  dom.dataset.index
            // jq $(dom).data("id")
            // jq $(dom).data("index")
            // var id1=this.dataset.id;
            // var id2=$(this).data("id");
            // console.log(id1,id2);
    
        var id = $(this).data("id");
        // 渲染二级分类数据
        querySecondCategory(id);
        //排他
            $(this).addClass("active").siblings().removeClass("active");
        })
    }

    //1.动态获取分类模块左边数据
    function queryTopCategory() {
        $.get(location.origin + "/category/queryTopCategory",function (data) {
            // console.log(data);
            var html = template("leftTmp",{arr:data.rows});
            $(".lt-left").html(html);

            //2.1 当左边渲染完毕之后再调用下面的函数
            //获取data数据的第0个索引的数据id
            var id = data.rows[0].id;
            querySecondCategory(id);
        })
   }


   //2.动态获取分类模块右边数据
    function querySecondCategory(id) {
        $.get(location.origin + "/category/querySecondCategory?id=" + id ,function (data) {

            if (data.rows.length > 0) {
                var html = template("rightTmp", { arr: data.rows });
                $(".lt-right").html(html); 
            }else{
                $(".lt-right").html("没有商品了"); 
            }
            
        })
   }
})